<template>
  <div>
    <el-container>
      <el-aside width="64"><side></side></el-aside>
      <el-main><router-view></router-view></el-main>
    </el-container>
  </div>
</template>

<script>
//import Top from "views/common/Top";
import Side from "views/common/Side";
import { EventBus } from "bus/mybus.js";
export default {
  name: "Admin",
  components: {
    // Top,
    Side,
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {},
  computed: {},
};
</script> 

<style>
/*.el-header {
  background-color: #545c64;
  color: #333;
  margin: 0;
  padding: 0;
  margin-left: 64px;
}
.el-aside {
  width: 64px;
  background-color: rgb(42 43 45);
  height: 100vh;
  margin-top: -64px;
}
.el-main {
  background-color: #35383a;

  background-size: 100% 100%;
  color: rgb(7, 7, 7);
  margin: 0;
  padding: 0;
  height: calc(100vh - 60px);
}
body > .el-container {
  margin-bottom: 40px;
}*/
.el-aside {
  width: 64px;
  height: 100vh;
  background-color: #191919;
  overflow: visible;
}
.el-main {
  background-color: #202020;
  background-size: 100% 100%;
  /* color: #A2662F; */
  margin: 0;
  padding: 0;
  height: calc(100vh);
  width: 100%;
}
.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 260px;
}
.el-container:nth-child(7) .el-aside {
  line-height: 320px;
}
::-webkit-scrollbar {
  height: 15px;
}
</style>